import React from 'react'
import WeUI from 'react-weui'
import Book1 from '../assets/images/book1.jpg'
import { useNavigate } from 'react-router-dom'


const {
    MediaBox,
    MediaBoxHeader,
    MediaBoxBody,
    MediaBoxTitle,
    MediaBoxDescription
} = WeUI

const BDBookItem = () => {
    const navigate = useNavigate();
    const gotoDetail = () => {
        navigate('./detail')
    }

    return (
        <MediaBox type="appmsg" onClick={gotoDetail}>
            <MediaBoxHeader><img src={Book1} /></MediaBoxHeader>
            <MediaBoxBody>
                <MediaBoxTitle>浪潮之巅</MediaBoxTitle>
                <MediaBoxDescription>
                    阿斯顿法国红酒看来，去微软推哦怕
                </MediaBoxDescription>
            </MediaBoxBody>
        </MediaBox>
    )
}

export default BDBookItem